<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Chinese New Year Phrase Generator</title>

<link rel="stylesheet" href="static/css/style.css">
<link href='static/css/css.css' rel='stylesheet' type='text/css'>

</head>
<body>

<table>
<tr>
<th class="pinyin" id="pinyin1">xīn</th>
<th class="pinyin" id="pinyin2">nián</th>
<th class="pinyin" id="pinyin3">kuài</th>
<th class="pinyin" id="pinyin4">lè</th>
</tr>
<tr>
<td id="phraseChinese1">新</td>
<td id="phraseChinese2">年</td>
<td id="phraseChinese3">快</td>
<td id="phraseChinese4">樂</td>
</tr>
</table>
<h2 id="phraseEnglish">(Happy new year)</h2>
<button type="button" id="button">
<p>Generate phrase</p>
</button>

<script src="static/js/script.js"></script>

</body>
</html>
